<script src="vue.js"></script>
<div id="app">
    <a href="#" @click.prevent="flag?flag:flag=!flag">登录</a>
    <a href="#" @click.prevent="flag?flag=!flag:flag">注册</a>
    <login v-if="flag"></login>
    <reg v-else></reg>
</div>
<script>
    Vue.component("login",{
        template:'<div>登录页面</div>'
    })
    Vue.component("reg",{
        template:'<div>注册页面</div>'
    })
    var vue=new Vue({
        el:'#app',
        data:{
            flag:true,
        }
    })
    Vue.component("login",{
        template:'#loginTmp',
        methods:{
            tijiao(){
                alert("准备登录");
            }
        }
    })
    Vue.component("reg",{
        template:'#regTmp',
        methods:{
            zhuce(){
                console.log("登录信息注册");
            }
        }
    })
</script>